import QtQuick 2.0

Rectangle {
    id: topper
    color: '#7667d7'
    gradient: Gradient {
        GradientStop {
            position: 0.05;
            color: "#7667d7";
        }
        GradientStop {
            position: 0.53;
            color: "#ffffff";
        }
    }
    border.color: "black"
    height: 30


    Row {
        spacing: 1
        Repeater {
            model: ["cross.png", "images.png", 'index.png', 'word.png', 'ex.png']
            Button_two {
                height: topper.height
                width: 30
                color: "#7667d7"
                onClicked: console.log("Connection clicked signal" + index)

                Image {
                    anchors.fill: parent
                    source: modelData
                }
            }
        }
    }
}
